<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0" />
<meta content="telephone=no" name="format-detection" />
<link href="<{$res_url}>/css/wap/public.css" rel="stylesheet" type="text/css">
<link href="<{$res_url}>/css/wap/home.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<{$res_url}>/js/wap/jquery.min.js"></script>
</head>
<style>
.warp{padding-bottom:45px;}
</style>
<body style="background:#F7FBFF;">
	
    <section class="warp">
    	<div class="content">
            <!--<header>
            	<div class="search fl"><a href="#"><img src="<{$res_url}>/images/wap/icon1.png" width="20"></a></div>
                <div class="logo">订单详情</div>
            </header>-->
            <div class="payment">
                <p><span>订单号：<{$order_id}></span></p>
                <p class="fun"><span>下单时间：<{$time}></span></p>
            </div>
            <section class="chose_address">
                <dl>
                    <dt class="left">
                        <img src="<{$res_url}>/images/wap/t1.jpg">
                    </dt>
                    <dt class="right"><a href="#"><img src="<{$res_url}>/images/wap/t2.jpg"></a></dt>
                    <dd>
                        <h2><span><{$mobile}></span><b>收货人：<{$name}></b></h2>
                        <p>收货地址：<{$addr}></p>
                    </dd>
                </dl>
            </section>
            <div class="order">
                <div class="order_list">
                    <div class="order_tit"><span><{$shipping_name}></span></div>
                    <ul>
                        <{foreach from=$goods item=val key=key}>
                        <li>
                            <div class="fl"><img src="<{$val['product']['thumbnail_pic_src']}>"></div>
                            <div class="can fl"><a href="javascript:void(0);"><{$val['product']['name']}></a></div>
                            <div class="fun fr"><em>￥<{$val['product']['price']}></em><p>x<{$val['product']['quantity']}></p></div>
                        </li>
                        <{/foreach}>
                    </ul>
                </div>
                <div class="t_order"><span>结算信息</span></div>
                <div class="order_pay ">
                    <ul>
                        <li class="clearfix"><div class="fl">商品价格:</div><div class="fr">￥<{$goods_cost}></div></li>
                        <li class="clearfix"><div class="fl">运费:</div><div class="fr">￥<{$shipping_cost}><p>(全场满199元包邮)</p></div></li>
                        <li class="clearfix"><div class="fl">优惠卷减免:</div><div class="fr">-￥<{$pmt_order}></div></li>
                        <li class="clearfix"><div class="fl">英镑抵扣:</div><div class="fr">-￥<{$order_chgpointmoney}></div></li>
                        <li class="clearfix"><div class="fl">总额:</div><div class="fr">￥<{$total_amount}></div></li>
                    </ul>
                </div>
            </div>
             <div class="order_for">
                <ul>
                   <li><span>支付方式</span></li>
                    <{foreach from=$pay item=val key=key}>
                   <li><div class="fl"><img src="<{$val['icon_src']}>"><{$val['app_name']}></div>
                     <div class="fr">
                        <label class="chose">
                        <div class="checkboxFour">
                            <input type="checkbox" value="<{$val['app_id']}>" id="checkboxFourInput<{$key}>" class="chk" name="pay" <{if $key==0}>checked='checked'<{/if}>/>
                            <ins for="checkboxFourInput<{$key}>"></ins>
                        </div>
                        </label>
                     </div>
                   </li>
                    <{/foreach}>
                   <li><span class="can">请在<em><i id="t_m">30:</i><i id="t_s">00</i></em>分内完成该支付</span></li>
                </ul>
                <div class="order_fix">
                   <div class="fl">应付总额：<em>￥<{$total_amount}></em></div>
                      <div class="fr"><a class="btn" id="a1">取消</a><a href="javascript:void(0);" id="pay">支付</a></div>
                </div>
             </div>
        </div>
    </section>
    
</body>
<script type="text/javascript">
//    取消
    $('#a1').bind('click',function(){
        var url = '<{$url}>';
        var data = {oid:'<{$order_id}>'};
        $.post(url,data,function(msg){
            if(msg.rsp == 'fail'){
                alert('取消失败，请联系客服');
            }else{
                window.location.href = '<{$rurl}>';
            }
        },'json');
    });
//    支付方式的选择效果
    $('.chk').click(function(){
        //alert($(this).attr('checked'));
        if(!$(this).attr('checked') ){
            $(this).attr('checked',true)
        }else if($(this).attr('checked') == "checked"){
            $("input[type=checkbox]").attr('checked',false);
            $(this).attr('checked',true)
        }
    });
//    支付
    $('#pay').bind('click',function(){
        var url = '<{$purl}>';
        var data = $("input[checked='checked']").attr('value');
        $.post(url,data,function(){},'json');
    });
</script>
</html>






















